// pages/indexL/indexL.js
Page({

  /**
   * 页面的初始数据
   */
  data: {
    list: [],
    curPage: 0,
    pageSize: 20,
    typeArr: ['全部', 'CSS', 'Vue', 'React', 'Ajax', '人资相关', 'HTTP', '移动端', 'JS', '开发经验', '优化', 'HTML', 'PHP', '数据库', '小程序'],
    filter:{},
    nomore: false
  },
  goDetails(e) {
    let obj = e.currentTarget.dataset
    wx.setStorage({
      key: 'msbd-details',
      data: obj
    })
    wx.navigateTo({
      url: '../details/details'
    })
  },
  typeChange(v) {
    var x = v.detail.value * 1
    if (x == 0) {
      this.setData({
        filter:{},
        list:[]
      })
    } else {
      this.setData({
        filter: {
          type:this.data.typeArr[x]
        },
        list:[]
      })
    }
    this.getData()
  },
  getData() {
    wx.showLoading({
      title: '努力加载中',
      mask: true
    })
    const db = wx.cloud.database()
    db.collection('msbd').where(this.data.filter)
      .skip(this.data.curPage * this.data.pageSize)
      .limit(this.data.pageSize)
      .orderBy("date","desc")
      .get().then(res => {
        if (res.data.length) {
          let arr = this.data.list
          arr = arr.concat(res.data)
          this.setData({
            list: arr
          })
        } else {
          this.setData({
            nomore: true
          })
        }
        wx.hideLoading()
        wx.stopPullDownRefresh()
      })
  },
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function(options) {

  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function() {
    this.getData()
  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function() {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function() {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function() {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function() {
    this.setData({
      curPage: 0,
      list: [],
      nomore: false
    })
    this.getData()
  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function() {
      this.data.curPage++
      this.getData()
  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function() {

  }
})